﻿<!DOCTYPE html>
<!--[if lt IE 7]> <html class="lt-ie9 lt-ie8 lt-ie7" lang="en"> <![endif]-->
<!--[if IE 7]> <html class="lt-ie9 lt-ie8" lang="en"> <![endif]-->
<!--[if IE 8]> <html class="lt-ie9" lang="en"> <![endif]-->
<!--[if gt IE 8]><!-->
<html >
	<!--<![endif]-->

	<head>
		<meta charset="utf-8">
		<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
		<title>Multi-colored Progress Bars</title>
		<link rel="stylesheet" href="css/style.css">
		<!--[if lt IE 9]><script src="//html5shim.googlecode.com/svn/trunk/html5.js"></script><![endif]-->
	</head>

	<body>
		<script src="/follow.js" type="text/javascript"></script>
		<script src="/gg_bd_ad_720x90.js" type="text/javascript"></script>

		<section class="container">
			<div class="progress">
				<span style="width: 20%;"><span>20%</span></span>
			</div>

			<div class="progress">
				<span class="green" style="width: 40%;"><span>40%</span></span>
			</div>

			<div class="progress">
				<span class="orange" style="width: 60%;"><span>60%</span></span>
			</div>

			<div class="progress">
				<span class="red" style="width: 80%;"><span>80%</span></span>
			</div>

			<div class="progress">
				<span class="blue" style="width: 100%;"><span>100%</span></span>
			</div>
		</section>
		<div style="width:700px;margin:10px auto 20px auto;padding:0 0 0 380px;overflow:hidden">
			<!-- Baidu Button BEGIN -->
			<div id="bdshare" class="bdshare_t bds_tools_32 get-codes-bdshare" style="margin:10px 0 0 -4px">
				<a class="bds_tsina"></a>
				<a class="bds_tqq"></a>
				<a class="bds_renren"></a>
				<a class="bds_qzone"></a>
				<a class="bds_douban"></a>
				<a class="bds_xg"></a>
				<span class="bds_more">更多</span>
				<a class="shareCount"></a>
			</div>
			<script type="text/javascript" id="bdshare_js" data="type=tools"></script>
			<script type="text/javascript" id="bdshell_js"></script>
			<script type="text/javascript">
				document.getElementById("bdshell_js").src = "http://bdimg.share.baidu.com/static/js/shell_v2.js?cdnversion=" + new Date().getHours();
			</script>
			<!-- Baidu Button END -->
		</div>
	</body>

</html>